<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>display</title>
		<style type="text/css">
			ul,ol{
				list-style: none;
			}
			* {
				margin: 0;
				padding: 0;
			}

			#d1 div {
				height: 100px;
				width: 100px;
				background-color: aqua;
				margin: 5px;
				display: inline;
			}

			#d2 a {
				height: 100px;
				width: 200px;
				background-color: blue;
				margin: 3px;
				display: block;
			}

			#d3 div {
				height: 100px;
				width: 100px;
				background-color: gold;
				margin: 0;
				/* margin: 5px; */
				display: inline-block;
				vertical-align: top;/*解决顶部对齐方式*/
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div>1</div>
			<div>2</div>
			<div>3</div>
			<div>4</div>
			<div>5</div>
		</div>
		<div id="d2">
			<a href="">111</a><a href="">222</a><a href="">333</a><a href="">555</a><a href="">444</a>
		</div>
		<div id="d3">
			<div>
				<ul>
					<li>关于我们</li>
					<li>联系我们</li>
					<li>加入我们</li>
					<li>合作伙伴</li>
					<li>Open API</li>
				</ul>
			</div>
			<div>
				<ul>
					<li>项目运营</li>
					<li>Awesome</li>
				</ul>
			</div>
			<div><ul>
					<li>关于我们</li>
					<li>联系我们</li>
					<li>加入我们</li>
					
				</ul></div>
			<div>4</div>
			<div>5</div>
		</div>
	</body>
</html>
